{include file="public/header"/}
<link rel="stylesheet" href="/public/static/admin/easyui/layui-v2.6.8/css/layui.css">
<style>
    body{background: #fff;}
    .manage-wrap{top :0;left :0; margin: 20px auto 10px;width: 600px;}
    .manage-wrap .ui-input{width: 185px;font-size:12px;}
    .row-item{float:left ; width:50%;}
    #balance{text-align:right;}
    .mod-form-rows .label-wrap {font-size: 12px;}
    .p1 {width:100%;}
    #address{width:485px;}
    .mod-form-rows .ctn-wrap{position:relative ;height:32px;}
    .layui-form-select dl{max-height: 192px !important;}
</style>


<div class="manage-wrap layui-form">
    <div class="layui-form-item" id="area-picker">
        <ul class="mod-form-rows cf">
            <li class="row-item">
                <div class="label-wrap"><label for="province">省：</label></div>
                <div class="layui-input-inline" style="width: 200px;">
                    <select id="province" name="province" class="province-selector" data-value=" " lay-filter="province-1">
                        <option value="">请选择省</option>
                    </select>
                </div>
            </li>
            <li class="row-item">
                <div class="label-wrap"><label for="city">市：</label></div>
                <div class="layui-input-inline" style="width: 200px;">
                    <select  id="city" name="city" class="city-selector" data-value=" " lay-filter="city-1">
                        <option value="">请选择市</option>
                    </select>
                </div>
            </li>
            <li class="row-item">
                <div class="label-wrap"><label for="area">区：</label></div>
                <div class="layui-input-inline" style="width: 200px;">
                    <select id="county" name="county" class="county-selector" data-value=" " lay-filter="county-1">
                        <option value="">请选择区</option>
                    </select>
                </div>
            </li>
            <li class="row-item p1">
                <div class="label-wrap"><label for="address">详细地址：</label></div>
                <div class="ctn-wrap"><input type="text" value="" class="ui-input" name="address" id="address"></div>
            </li>
        </ul>
        
    </div>
</div>

   
   
    <script src="/public/static/admin/easyui/layui-v2.6.8/layui.js"></script>
    <script>
        //配置插件目录
        layui.config({
            base: '/public/static/admin/easyui/mods/'
            , version: '1.0'
        });
        //一般直接写在一个js文件中
        layui.use(['layer', 'form', 'layarea'], function () {
            var layer = layui.layer
                , form = layui.form
                , layarea = layui.layarea;

            layarea.render({
                elem: '#area-picker',
                change: function (res) {
                    //选择结果
                    console.log(res);
                }
            });
        });
    </script>


    {include file="public/footer"/}